<template>
	<!-- 信息发布详情 -->
	<view style="padding: 20rpx;">
		<view class="details bg-white">
			<view class="title">{{d.title}}</view>
			<view class="min_title">
				<text>{{type}}类 {{d.created_at}}</text>
			</view>
			<view class="img flex-cb">
				<image :src="url+item" mode="" v-for="(item,index) in d.images" :key="index"></image>
			</view>
			<view class="span">
				<view class="">{{d.content}}</view>
				
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				id:0,
				d:'',
				url:'',
				type:''
			};
		},
		onLoad(e) {
			this.type = e.type
			this.url = this.$base
			this.id = e.id
			console.log(this.id);
			this.$api.TC_news_detail({},this.id,1).then(res=>{
				if(res.code == 200001){
					this.d = res.data
				}
			})
		}
	}
</script>

<style lang="scss">
.details{
	width: 710rpx;
	height: calc(100vh - 44rpx);
	border-radius: 20rpx;
	padding: 25rpx 18rpx 0 18rpx;
	.title{
		width: 638rpx;
		height: 95rpx;
		text-align: center;
		font-size: 30rpx;
		line-height: 50rpx;
		color: #333;
		font-weight: bold;
		margin: auto;
	}
	.min_title{
		text-align: center;
		font-size: 24rpx;
		color: #999;
		margin-top: 12rpx;
	}
	.img{
		margin: 42rpx 0;
		image{
			width: 218rpx;
			height: 222rpx;
		}
	}
	.span{
		width: 674rpx;
		font-size: 30rpx;
		font-weight: 500;
		color: #666666;
		line-height: 50rpx;
	}
}

</style>
